<br/>
<center><div class="Estilo3">Compromisos por Reuni&oacute;n</div></center>
<br/>

<% if @id_reunion == "No" %>
  
  <% if @reuniones.empty? %>

<tr>
  <td height="109" align="center" valign="bottom" class="Estilo2">No existe ninguna reuni&oacute;n</td>
</tr>

<%else%>

<tr><br/></tr>
<tr>
  <td height="109" align="center" valign="bottom" class="Estilo2">Seleccionar la reuni&oacute;n de la que desea consultar sus compromisos:</td>
</tr>
<tr>
  <td>
    <form id="form1" name="form1" method="get" action="/compromisos_por_reunion/compromisos_por_reunion">
      <table width="500" border="0" align="center">
        <tr>
          <td width="150" height="69" align="center" class="Estilo1"> Reuni&oacute;n:</td>
          <td><label for="id_reunion"></label>
            <select name="id_reunion" id="id_reunion">

    <% @reuniones.each do |reunion| %>
              
              <option value="<%= reunion.id %>"><%=  reunion.nombre + "-->" + reunion.fecha.asctime %></option>

    <% end %>
            
            </select>
          </td>
        </tr>
        <tr>
          <td colspan="2" align="center"><input type="submit" class="botonSombraCompromiso" name="Continuar" id="eliminar" value="Continuar" /></td>
        </tr>
      </table>
    </form>
  </td>
</tr>
<tr>
  <td>&nbsp;</td>
</tr>

  <%end%>

<% elsif @compromisos.empty? %>

<table width="672" border="0">
  <tr>
    <td height="109" align="center" valign="bottom" class="Estilo2">No existe ningun compromiso</td>
  </tr>
</table>

<%  else %>

<div id="Notas" class="Accordion" tabindex="0">
  <br/>
  <p><span class="Estilo2">Los compromisos asociados a la reuni&oacute;n con nombre <%=  @reunion.nombre%> son:</span></p>
  <br/>
  <center>
    <table width="500"  border="0">

  <% @compromisos.each do |compromiso| %>

      <tr>
        <td width="200"><div class="Estilo1">Id Compromiso:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.id %></div></td>
      </tr>
      <tr>
        <td width="200"><div class="Estilo1">Nombre Compromiso:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.nombre %></div></td>
      </tr>
      <tr>
        <td width="200"><div class="Estilo1">Descripci&oacute;n:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.descripcion %></div></td>
      </tr>
      <tr>
        <td width="200"><div class="Estilo1">Fecha Acordada:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.fechaPactada %></div></td>
      </tr>
      <tr>
        <td width="200"><div class="Estilo1">Fecha Finalizaci&oacute;n:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.fechaFinalizacion %></div></td>
      </tr>
      <tr>
        <td width="200"><div class="Estilo1">Id Reuni&oacute;n:</div></td>
        <td width="200"><div class="Estilo2"><%= compromiso.reunion_id %></div></td>
      </tr>
      <tr>
        <th colspan="2" scope="row">&nbsp;</th>
      </tr>

  <%end%>

<%end%>
    
    </table>
</div></center>
                